import React from 'react';
import { Switch } from 'antd-mobile';
import { useTheme } from '../theme/ThemeContext';

/**
 * 深色模式切换组件
 * @param {Object} props - 组件属性
 * @param {string} props.className - 自定义类名
 * @param {Object} props.style - 自定义样式
 * @returns {JSX.Element} 深色模式切换开关
 */
const DarkModeToggle = ({ className, style }) => {
  const { isDarkMode, toggleDarkMode } = useTheme();

  return (
    <Switch
      checked={isDarkMode}
      onChange={toggleDarkMode}
      className={className}
      style={style}
    />
  );
};

export default DarkModeToggle; 